<template>
    <div class="Mysure">
        <div class="Myheader">
            <div class="Myheadertouxiang clearfix" v-if="user=='' ">
                <img class="Myheaderyuan  f_left" src="../img/My/金币赠送.png" alt="">
                <div class="Myhedername f_left">
                    <p>哇哈哈</p>
                    <p>15162595126</p>
                </div>
            </div>
            <div class="totalAssets" v-if="user=='' ">
                总资产(金币)
            </div>
            <div class="number" v-if="user=='' ">
                32560.00
            </div>
            <div class="Myheadertouxiang clearfix" v-if="1==2">
                <img class="Myheaderyuan  f_left" src="../img/My/金币赠送.png" alt="">
                <div class="Myhedername f_left">

                    <p class="dengru">
                        <router-link to="/My/UserLogin" style="color:#fff">
                            登录
                        </router-link>
                        /
                        <router-link to="/My/RegisteredLogin" style="color:#fff">
                            <span>注册</span>
                        </router-link>
                    </p>

                </div>
            </div>
            <div class="number hi" v-if="1==2">
                HI，等你好久了！
            </div>
            <div class="biaopai">
                <div class="biaopai1" @click="Recharge">
                    <img src="../img/My/充值.png" alt="">
                    <p>充值</p>
                </div>
                <div class="biaopai1">
                    <img src="../img/My/我的投注.png" alt="">
                    <p>我的投注</p>
                </div>
                <div class="biaopai1">
                    <img src="../img/My/金币赠送.png" alt="">
                    <p>金币赠送</p>
                </div>
                <div class="biaopai1" @click="Mylottery">
                    <img src="../img/My/我的兑奖.png" alt="">
                    <p>我的兑奖</p>
                </div>
            </div>
        </div>
        <div class="Myindex">
            <div @click="purchase">
                <img src="../img/My/金币明细.png" alt="">
                <p>金币明细</p>
            </div>
            <div><img src="../img/My/玩法规则.png" alt="">
                <p>玩法规则</p>
            </div>
            <div><img src="../img/My/在线客服.png" alt="">
                <p>在线客服</p>
            </div>
            <div @click="Address"><img src="../img/My/地址.png" alt="">
                <p>收货地址</p>
            </div>
            <div @click="SetUp"><img src="../img/My/设置.png" alt="">
                <p>设置</p>
            </div>
            <div><img src="../img/My/退出.png" alt="">
                <p>退出出账号</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return { lunbotuList: [],
       
        };
    },
    created() {},
    methods: {
       
        purchase() {
            this.$router.push({ name: "MyGoldDetail" });
        },
        Recharge() {
            this.$router.push({ name: "Recharge" });
            // this.$router.push({ name: "Recharge" });
        },
        SetUp() {
            //this.$router.push({ name: "SetUp" });//账号登入的
            this.$router.push({ name: "UnboundSettings" }); //账号没设置的
        },
        Mylottery() {
            this.$router.push({ name: "Mylottery" });
        },
        Address() {
            this.$router.push({ name: "Address" });
        }
    }
};
</script>
<style lang="scss" scoped>
.Mysure {
    width: 100%;
    .Myheader {
        background: url("../img/My/已登录.png");
        width: 100%;
        height: 4.64rem;
        .Myheadertouxiang {
            margin-left: 0.5rem;
            box-sizing: border-box;
            padding-top: 0.5rem;
            .Myheaderyuan {
                width: 0.86rem;
                height: 0.86rem;
            }
            .Myhedername {
                margin-left: 0.3rem;
                margin-top: 0.1rem;
                line-height: 0.3rem;
                .dengru {
                    font-size: 0.3rem;
                    position: relative;
                    top: 0.2rem;
                }
                p {
                    font-family: "PingFang-SC-Medium";
                    font-size: 0.24rem;
                    color: #fff0ea;
                }
            }
        }
        .totalAssets {
            width: 90%;
            margin: 0 auto;
            font-size: 0.28rem;
            text-align: center;
            line-height: 0.28rem;
            background-image: -webkit-gradient(
                linear,
                0 0,
                0 bottom,
                from(#fff),
                to(#ffc68b)
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-top: 0.2rem;
        }

        .number {
            width: 90%;
            margin: 0 auto;
            font-size: 0.9rem;
            line-height: 0.9rem;
            background-image: -webkit-gradient(
                linear,
                0 0,
                0 bottom,
                from(#fff),
                to(#ffc68b)
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            margin-top: 0.2rem;
        }
        .hi {
            font-size: 0.52rem;
            margin-left: - 0.5rem;
            margin-bottom: 1.5rem;
        }
    }
    .biaopai {
        width: 96%;
        margin: 0.7rem auto;
        height: 1.8rem;
        background: #fff;
        border-radius: 10px;
        .biaopai1 {
            box-sizing: border-box;
            padding-top: 0.3rem;
            text-align: center;
            float: left;
            margin-left: 0.6rem;
            img {
                height: 0.8rem;
            }
            p {
                font-size: 0.26rem;
            }
        }
    }
    .Myindex {
        height: 5rem;
        width: 100%;
        background: #fff;
        margin-top: 1.5rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        div {
            text-align: center;
            box-sizing: border-box;
            padding-top: 0.6rem;
            width: 33.333333333%;
            border: 0.5px solid #e0e0ee;
            height: 2.5rem;
            img {
                height: 0.48rem;
                width: 0.48rem;
            }
            p {
                font-size: 0.28rem;
            }
        }
    }
}
</style>    
 
